import React from 'react';
import { connect } from 'react-redux';
import { withRouter, NavLink } from 'react-router-dom';
import { UserOutlined, HomeOutlined } from '@ant-design/icons';

class NavBottom extends React.Component {
    constructor(props, context) {
        super(props, context);
    }

    render() {
        return <footer className='footerNavBox'>
            <NavLink to='/candidate'>
                <HomeOutlined />
                <span>Home</span>
            </NavLink>
            <NavLink to='/person'>
                <UserOutlined />
                <span>Personal</span>
            </NavLink>
        </footer>;
    }
}

export default withRouter(connect()(NavBottom));